<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>使用指引</title>
  <link rel="stylesheet" href="./css/normalize.css">
  <link rel="stylesheet" href="./css/useGuide.css">
</head>
<body>
  <div id="use-guide">
    <div class="header">
      <div class="content">
        <img src="logo.png" alt="logo">
        <div class="title">入职宝，开启全面人才服务</div>
      </div>
    </div>
    <div class="guide-container">
      <div class="guide-content">
        <div class="guide-item">
          <div class="guide">
            <div class="img item item0"></div>
            <div class="caption">入职表无纸化</div>
            <div class="desc">求职者面试信息手机填写，自动录入归档</div>
          </div>
        </div>
        <div class="guide-item">
          <div class="guide">
            <div class="img item item1"></div>
            <div class="caption">在线人才评测</div>
            <div class="desc">12种性格分析，深度了解人才匹配度</div>
          </div>
        </div>
        <div class="guide-item">
          <div class="guide">
            <div class="img item item2"></div>
            <div class="caption">在职人才培训</div>
            <div class="desc">线上线下定制化培训，看得见的人才能力提升</div>
          </div>
        </div>
        <div class="guide-item">
          <div class="guide">
            <div class="img item item3"></div>
            <div class="caption">企业管理诊断</div>
            <div class="desc">针对绩效、底层架构、企业文化等问题全面诊断</div>
          </div>
        </div>
      </div>
    </div>
    <div class="footer">
      <div class="join-tip">注册入职宝，体验全方位人才服务</div>
      <div class="join-button">
        <a class="button-jump" href="./guideRegister.html">立即注册</a>
      </div>
      <div class="join-account">
        <span class="has-text">已有账号，</span><a class="sign-text" href="./login.html">立即登录</a>
      </div>
    </div>
  </div>
</body>
</html>